<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css字体和文本</title>
		<style>
			#d1{
				color:red;
				font-size: 10px;
				font-family: "隶书","楷体";
				line-height: 50px;
				letter-spacing: 10px;
			}
			.c2{
				text-decoration:line-through;
				text-decoration-color: red;	
			}
		</style>
	</head>
	<body>
		<div id="d1">
			text-align 属性用于设置文本的水平对齐方式。
			
			文本可以左对齐或右对齐，或居中对齐。
			
			下例展示了居中对齐以及左右对齐的文本（如果文本方向是从左到右，则默认为左对齐；如果文本方向是从右到左，则默认是右对齐）
		</div>
		<p class="c2">
			此外，可以根据链接处于什么状态来设置链接的不同样式。
			
			四种链接状态分别是：
			
			a:link - 正常的，未访问的链接
			a:visited - 用户访问过的链接
			a:hover - 用户将鼠标悬停在链接上时
			a:active - 链接被点击时
		</p>
	</body>
</html>